@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Michroma&display=swap');
@import url('/font/gmarket-sans.css');
/*@import url('/font/kimm-font.css');*/

/***** reset *****/
* { margin: 0; padding: 0; font-family: 'gmarket-sans-ttf-midium', 'gmarket-sans-ttf-light', 'gmarket-sans-ttf-bold', 'Noto Sans KR','Nanum Gothic','나눔고딕', sans-serif; font-weight: bold; box-sizing: border-box; }
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, canvas, details, figcaption, summary, time, mark, audio, video, button { margin: 0; padding: 0; font-family: 'gmarket-sans-ttf-midium','Noto Sans KR','Nanum Myeongjo','나눔고딕', sans-serif; font-size: 16px; font-weight: normal; line-height: 150%; list-style-type: none; text-decoration: none; color: #000; letter-spacing: 0; word-break: keep-all; transition-delay: .35s; transition: .45s; }
table { empty-cells: show; border-collapse: collapse; border-spacing: 0; }
input[type=text], input[type=password], textarea, select { vertical-align: middle; border: 1px solid #c9c9c9; font-family: 'gmarket-sans-ttf-midium','Noto Sans KR','Nanum Gothic','나눔고딕', sans-serif; font-weight: bold; color: #222; cursor: pointer; }
select { padding: 1px; vertical-align: top; font-family: 'gmarket-sans-ttf-midium','Noto Sans KR','Nanum Gothic','나눔고딕', sans-serif; font-weight: bold; }
body ::selection {background:#cdeb00; color:#000;}

/****** common *****/
fieldset { border: 0; }
caption { display: block; position: fixed; top: -50000px; margin: 0; padding: 0; width: 0; height: 0; text-indent: -50000px; border: 0; }
button{background:0;border:0;outline:0;font-size:inherit;font-weight:inherit;font-family:inherit}
button img{left:-3px;*left:auto}
.skip { position: relative; overflow: hidden; text-indent: -50000; font-size: 0; margin: 0; padding: 0; width: auto; }
.hidden { overflow: hidden !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; width: 0 !important; height: 0 !important; }
.ir { overflow: hidden; display: block; width: auto; height: auto; font-size: 0; text-indent: -50000; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.center { text-align: center !important; }
.wfont {font-family:'gmarket-sans-ttf-midium'; /*font-weight: bold;*/ }
.bfont { font-size: 1.3em; }
.sfont { font-size: .9rem; }
.fst_eng { font-family: 'Michroma', 'gmarket-sans-ttf-midium','Noto Sans KR','Nanum Gothic','나눔고딕', sans-serif !important; line-height: 100%; }
/*.dp_pc { display: block !important;  font-family:'gmarket-sans-ttf-midium'; font-weight:normal;}*/
.pc_block { display: block !important; font-family: 'gmarket-sans-ttf-midium'; font-weight: normal; }
.dp_mb { display: none !important; }
.tbox { display: block; overflow: hidden; position: relative; width: 100%; margin: 120px auto; padding: 50px 90px; border-top: 2px solid #fabb23; border-bottom: 1px solid #fabb23; background: #fff; text-align:center; word-break: keep-all; }
.tbox::before { position:absolute; left:0; bottom:-5px; width:100%; height:1px; content:''; background:#fabb23; }
.tbox::after { position:absolute; left:0; bottom:2px; width:100%; height:1px; content:''; background:#fabb23; }
.s_tbox {display:block; position:relative; width:100%; padding:22px; background:#fff; box-shadow:5px 0 18px rgba(0,0,0,.18);}
a { text-decoration: none; color: #222; }
/*a:hover {transition:.5s all; font-weight:500;}*/
.grey { color: #818181; }
.red { color: #e13535 !important; }
.orange { color: #ff6a00 }
.blue { color: #3867d7 }
.point { font-family:'gmarket-sans-ttf-bold'; /*font-weight: bold;*/ text-decoration: dashed; color:#5ac4c9}
.bd_L { border-left: 1px solid #d6d6d6; box-sizing: border-box; opacity: 1 !important }
.bd_R { border-right: 1px solid #d6d6d6; box-sizing: border-box; opacity: 1 !important }
.bd_B { border-bottom: 1px solid #d6d6d6; box-sizing: border-box; opacity: 1 !important }
.bd_T { border-top: 1px solid #d6d6d6; box-sizing: border-box; opacity: 1 !important }
.bd_Tpoint { border-top: 2px solid #222; box-sizing: border-box; opacity: 1 !important }
.bd_N { border: 0 !important; }
.tag { display: inline-block; color: #fff; text-align: center; border-radius: 25px; padding: 3px; margin-right: 5px; font-size: 14px; font-weight: 400; text-align: center; width: 84px; height: 100%; line-height: 20px; }
.stag { display: inline-block; color: #fff; text-align: center; border-radius: 25px; padding: 0; margin-right: 3px; font-size: 13px; font-weight: 200; text-align: center; width: 68px; height: 100%; line-height: 20px; }
.tg_new, .tg_green { background-color: #41b0b7; }
.tg_ing, .tg_blue { background-color: #4a75cb; }
.tg_end, .tg_red { background-color: #ef4f4f; }
.tg_none, .tg_grey { background-color: #616161; }
.tg_black { background-color: #111; }
.bx_grey { background: #888 !important; border-color: #888 !important; box-sizing: border-box; }
.bx_blue { background: #5357cc !important; border-color: #5357cc !important; box-sizing: border-box; }
.bx_green { background: #0aaeb7 !important; border-color: #0aaeb7 !important; box-sizing: border-box; }
.bx_red { background: #d9534f !important; border-color: #d9534f !important; box-sizing: border-box; }
.bx_yellow { background: #fddd09 !important; border-color: #fddd09 !important; box-sizing: border-box; color: #111 !important; }
.bx_grey:hover { background: #636363 !important; border-color: #656565 !important; }
.bx_blue:hover { background: #1d2088 !important; border-color: #1d2088 !important;}
.bx_green:hover { background: #059199 !important; border-color: #059199 !important;}
.bx_red:hover { background: #b82020 !important; border-color: #b82020 !important;}
.bx_yellow:hover { background: #e38805 !important; border-color: #e38805 !important;}
.gradient_blue {background:linear-gradient(45deg,#6568d8,#16bac4);}
.gradient_purple {background:linear-gradient(45deg,#7c52d2,#5021af);}
/*paragraph*/
.para1 { margin: 30px 10px 20px; }
.para1_1 { margin: 60px 0 20px 0; }
.para2 { padding: 0 15px 15px; }
.para3 { padding: 0 23px 7px; }
.para4 { padding: 0 30px 5px; }

/*공통PROGRAM STYLE*/
/******* Button Style ******/
.btn_st { overflow: hidden; }
.btn_st a, input.btn_st { position: relative; display: inline-block; line-height: 24px; padding: 8px 15px; text-decoration: none; font-size: 15px; text-align: center; color: #fff; border: 1px solid #343848; background: #45495b; }
.btn_st a:hover, input.btn_st:hover { text-decoration: underline; }
.btn_st a.blue, input.btn_st.blue { color: #fff; border-bottom: 1px solid #1e5ebc; border-right: 1px solid #1e5ebc; background: #2f71d2; }
.btn_st a.green, input.btn_st.green { color: #fff; border-bottom: 1px solid #3e9416; border-right: 1px solid #3e9416; background: #52ae27; }
.btn_st a.yellow, input.btn_st.yellow { color: #fff; border-bottom: 1px solid #3e9416; border-right: 1px solid #3e9416; background-color: #f0ad4e; border-color: #f0ad4e }
.btn_st a.red, input.btn_st.red { background-color: #d9534f; border-color: #d9534f }
.btn_st a.line, input.btn_st.line { padding: 7px 15px 8px; color: #222; border: 1px solid #9298af; background: #fff; }
.btn_st a.blue_l, input.btn_st.blue_l { padding: 7px 15px 8px; color: #1e5ebc; border: 1px solid #1e5ebc; background: #fff; }
.btn_st a.green_l, input.btn_st.green_l { padding: 7px 15px 8px; color: #42991a; border: 1px solid #42991a; background: #fff; }
.btn_st a.mini { padding: 2px 8px; font-size: 12px; font-weight: bold; }
.conbtn, input.conbtn { position: relative; overflow: hidden; display: inline-block; text-align: center; margin: 0 2px; padding: 10px 30px; min-width: 100px; line-height: normal; color: #fff; background: #3b3b3b; transition: .3s; z-index: 1; font-size: 20px; font-weight: 300; vertical-align: middle; border: 1px solid #3b3b3b; box-sizing: border-box; border-radius:7px; }
.conbtn:hover, input.conbtn:hover { box-shadow:0 5px 10px rgba(0,0,0,.23);}
.conbtn.btn_lg { padding: 10px 50px; min-width: 120px; }
.conbtn.btn_sm { padding: 3px; min-width: 70px; font-size: 13px; }
.conbtn:after, input.conbtn:after { position: absolute; content: ''; top: 50%; left: 50%; width: 0; height: 100%; background: linear-gradient(45deg, #1e5ebc, #3e9416); opacity: 0; transition: .3s; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); z-index: -1; }
/*checkbox/radiobox*/
.checks { position: relative; }
.checks input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; font-size: 15px; margin-right: 20px; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; }
.checks input[type="checkbox"] + label::before { display: inline-block; content: ''; width: 16px; height: 16px; line-height: 16px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle; background: #fff; border: 1px solid #b6b6b6; border-radius: 0; }
.checks input[type="checkbox"]:checked + label::before { content: '\2714'; color: #454756; font-weight: bold; background: #fff; border-color: #222; }
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.checks input[type="radio"] + label { display: inline-block; position: relative; cursor: pointer; font-size: 15px; margin-right: 20px; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; }
.checks input[type="radio"] + label::before { display: inline-block; content: ''; left: 0; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #fff; border: 1px solid #b6b6b6; border-radius: 100%; vertical-align: middle; margin-right: 5px; }
.checks input[type="radio"]:checked + label::before { content: ''; border-color: #111; background: #fff; }
.checks input[type="radio"]:checked + label::after { content: ''; position: absolute; top: 10px; left: 4px; width: 10px; height: 10px; background: #111; border-radius: 100%; box-shadow: inset 0 0 10px rgba(0,0,0,.3); }
/*댓글*/
.comment { padding: 3.5% 4%; border: 6px solid #eee; background: #fff; }
.comment div.commentForm { position: relative; padding-right: 140px; }
.comment div.commentForm textarea { margin: 0 auto; padding: 10px 2%; width: 96%; height: 68px; background: #EEE; border: 1px solid #ddd; line-height: 150%; }
.comment div.commentForm input[type=submit] { position: absolute; right: 0px; top: 0px; width: 140px; height: 90px; font-size: 18px; background: #fff; border: 1px solid #ccc; color: #333 }
/*답변*/
.answer { margin-top: 40px; }
.answer_tit { display: block; position: relative; width: 100%; margin-bottom: 20px; padding-left: 48px; background: url('../Img/sub/answer_list_tit.png') no-repeat left top; }
.answer_tit span { display: inline-block; position: relative; width: auto; font-size: 22px; color: #406cc5; font-weight: 600; padding: 0 5px; z-index: 11; }
.answer_tit span::after { position: absolute; content: ''; background: #b2f0fb; width: 100%; height: 13px; top: 18px; left: 0; z-index: -1; }
.answer .list > p { display: block; width: 100%; padding: 10px 20px; }
.answer .list .q { color: #222; font-weight: 500; font-size: 17px; background: #f1f1f1; }
.answer .list .sq { margin-left: 15px; color: #555; font-weight: 300; font-size: 14px; }
.answer .list .a { border-top: 1px dashed #aaa; background: #f8f8f8; }
/*데이터없음*/
.nodata { width: 100%; text-align: center; padding: 30px 0 0 !important; margin: 0 0 30px; }
.nodata > p { position: relative; font-size: 17px; color: #6f6f6f; }
.nodata > p::before { display: block; content: '!'; width: 45px; height: 45px; line-height: 50px; font-size: 50px; color: #222; font-weight: 300; margin: 0 auto 20px; }

/*사이트 준비중 str*/
body.siteingBg {display:block; position:fixed; overflow:hidden; padding:5%; width:100%; height:100%; text-align:center; background-color:#F0F3FB;}
body.siteingBg::before {position:absolute; right:0; top:0; content:''; width:600px; height:535px; background:url('/img/inc/siteingBgT.png') no-repeat;  z-index:-2;}
body.siteingBg::after {position:absolute; left:0; bottom:0; content:''; width:1025px; height:561px; background:url('/img/inc/siteingBgB.png') no-repeat; z-index:-1;}
body.siteingBg .boxBg {overflow:hidden; max-width:1108px; height:100%; margin:0 auto; background:url('/img/inc/siteingImg.png') no-repeat center top; background-size:100%;}
body.siteingBg .txt {padding:15% 0 30%; text-align:left;}
body.siteingBg .txt p {font-size:20px; margin:20px 0 40px;}
body.siteingBg .txt .subtit {opacity:.23; letter-spacing:0;}
body.siteingBg .txt .title { font-size:46px; color:#294e97; font-weight:800; line-height:24px;}
body.siteingBg .txt span {font-size:24px; color:#555; font-weight:300; line-height:26px;}
@media screen and (max-width:1500px) {
	body.siteingBg .txt {padding:30% 0 30%; text-align:left; }
}
@media screen and (max-width:800px) {
	body.siteingBg {background-image:url('/img/inc/siteingBgmb.gif'); background-repeat:no-repeat; background-position:center top; }
	body.siteingBg::before, body.siteingBg::after {display:none;}
	body.siteingBg .boxBg {background-position:center bottom;}
	body.siteingBg .txt {padding:25% 0 0; text-align:left; background-color:rgba(255,255,255,.4);}
	body.siteingBg .txt p {margin:20px 0; text-align:center;}
	body.siteingBg .txt .subtit {opacity:.6;}
	body.siteingBg .txt .title {font-size:3rem; line-height:60px;}
	body.siteingBg .txt span {font-size:1.25rem; line-height:30px;}
}
/*사이트 준비중 end*/


/************************** input Box ******************************/
/* input_fix */
.input50 { width: 50px !important }
.input80 { width: 80px !important }
.input100 { width: 100px !important }
.input150 { width: 150px !important }
.input200 { width: 200px !important }
.input250 { width: 250px !important }
.input300 { width: 300px !important }
.input350 { width: 350px !important }
.input400 { width: 400px !important }
.input450 { width: 450px !important }
.input500 { width: 500px !important }

/* input_% */
.inputw5 { width: 5% !important }
.inputw7 { width: 7% !important }
.inputw10 { width: 10% !important }
.inputw20 { width: 20% !important }
.inputw30 { width: 30% !important }
.inputw40 { width: 40% !important }
.inputw50 { width: 50% !important }
.inputw60 { width: 60% !important }
.inputw70 { width: 70% !important }
.inputw80 { width: 80% !important }
.inputw90 { width: 90% !important }
.inputw100 { width: 100% !important }

/* input_h */
.h10 { height: 10px !important }
.h15 { height: 15px !important }
.h20 { height: 20px !important }
.h30 { height: 30px !important }
.h40 { height: 40px !important }
.h42 { height: 42px !important; margin-top: -2px; }
.h50 { height: 50px !important }
.h80 { height: 80px !important }
.h100 { height: 100px !important }
.h150 { height: 150px !important }
.h200 { height: 200px !important }
.h250 { height: 250px !important }
.h300 { height: 300px !important }
.h350 { height: 350px !important }
.h400 { height: 400px !important }
.h450 { height: 450px !important }
.h500 { height: 500px !important }

/****** select Box *****/
.select_50 { width: 50px !important }
.select_80 { width: 80px !important }
.select_100 { width: 100px !important }
.select_120 { width: 120px !important }
.select_150 { width: 150px !important }
.select_200 { width: 200px !important }
.select_250 { width: 250px !important }

/****** margin/padding *****/
.mg_0 { margin: 0 !important; }
.mg_5 { margin: 5px !important; }
.mg_10 { margin: 10px !important; }
.mg_20 { margin: 20px !important; }
.mg_30 { margin: 30px !important; }
.mg_40 { margin: 40px !important; }
.mg_50 { margin: 50px !important; }
.mg_60 { margin: 60px !important; }
.mg_70 { margin: 70px !important; }
.mg_80 { margin: 80px !important; }
.mg_t0 { margin-top: 0 !important; }
.mg_t5 { margin-top: 5px !important; }
.mg_t10 { margin-top: 10px !important; }
.mg_t20 { margin-top: 20px !important; }
.mg_t30 { margin-top: 30px !important; }
.mg_t40 { margin-top: 40px !important; }
.mg_t50 { margin-top: 50px !important; }
.mg_t60 { margin-top: 60px !important; }
.mg_t70 { margin-top: 70px !important; }
.mg_t80 { margin-top: 80px !important; }
.mg_t90 { margin-top: 90px !important; }
.mg_t100 { margin-top: 100px !important; }
.mg_l0 { margin-left: 0 !important; }
.mg_l5 { margin-left: 5px !important; }
.mg_l10 { margin-left: 10px !important; }
.mg_l20 { margin-left: 20px !important; }
.mg_l30 { margin-left: 30px !important; }
.mg_l40 { margin-left: 40px !important; }
.mg_l50 { margin-left: 50px !important; }
.mg_l60 { margin-left: 60px !important; }
.mg_l70 { margin-left: 70px !important; }
.mg_l80 { margin-left: 80px !important; }
.mg_l90 { margin-left: 90px !important; }
.mg_l100 { margin-left: 100px !important; }
.mg_r0 { margin-right: 0 !important; }
.mg_r5 { margin-right: 5px !important; }
.mg_r10 { margin-right: 10px !important; }
.mg_r20 { margin-right: 20px !important; }
.mg_r30 { margin-right: 30px !important; }
.mg_r40 { margin-right: 40px !important; }
.mg_r50 { margin-right: 50px !important; }
.mg_r60 { margin-right: 60px !important; }
.mg_r70 { margin-right: 70px !important; }
.mg_r80 { margin-right: 80px !important; }
.mg_r90 { margin-right: 90px !important; }
.mg_r100 { margin-right: 100px !important; }
.mg_b0 { margin-bottom: 0 !important; }
.mg_b5 { margin-bottom: 5px !important; }
.mg_b10 { margin-bottom: 10px !important; }
.mg_b20 { margin-bottom: 20px !important; }
.mg_b30 { margin-bottom: 30px !important; }
.mg_b40 { margin-bottom: 40px !important; }
.mg_b50 { margin-bottom: 50px !important; }
.mg_b60 { margin-bottom: 60px !important; }
.mg_b70 { margin-bottom: 70px !important; }
.mg_b80 { margin-bottom: 80px !important; }
.mg_b90 { margin-bottom: 90px !important; }
.mg_b100 { margin-bottom: 100px !important; }
.pd_0 { padding: 0 !important; }
.pd_5 { padding: 5px !important; }
.pd_10 { padding: 10px !important; }
.pd_20 { padding: 20px !important; }
.pd_30 { padding: 30px !important; }
.pd_40 { padding: 40px !important; }
.pd_50 { padding: 50px !important; }
.pd_60 { padding: 60px !important; }
.pd_70 { padding: 70px !important; }
.pd_80 { padding: 80px !important; }
.pd_90 { padding: 90px !important; }
.pd_100 { padding: 100px !important; }
.pd_t0 { padding-top: 0 !important; }
.pd_t5 { padding-top: 5px !important; }
.pd_t10 { padding-top: 10px !important; }
.pd_t20 { padding-top: 20px !important; }
.pd_t30 { padding-top: 30px !important; }
.pd_t40 { padding-top: 40px !important; }
.pd_t50 { padding-top: 50px !important; }
.pd_t60 { padding-top: 60px !important; }
.pd_t70 { padding-top: 70px !important; }
.pd_t80 { padding-top: 80px !important; }
.pd_t90 { padding-top: 90px !important; }
.pd_t100 { padding-top: 100px !important; }
.pd_l0 { padding-left: 0 !important; }
.pd_l5 { padding-left: 5px !important; }
.pd_l10 { padding-left: 10px !important; }
.pd_l20 { padding-left: 20px !important; }
.pd_l30 { padding-left: 30px !important; }
.pd_l40 { padding-left: 40px !important; }
.pd_l50 { padding-left: 50px !important; }
.pd_l60 { padding-left: 60px !important; }
.pd_l70 { padding-left: 70px !important; }
.pd_l80 { padding-left: 80px !important; }
.pd_l100 { padding-left: 100px !important; }
.pd_r0 { padding-right: 0px !important; }
.pd_r5 { padding-right: 5px !important; }
.pd_r10 { padding-right: 10px !important; }
.pd_r20 { padding-right: 20px !important; }
.pd_r30 { padding-right: 30px !important; }
.pd_r40 { padding-right: 40px !important; }
.pd_r50 { padding-right: 50px !important; }
.pd_r60 { padding-right: 60px !important; }
.pd_r70 { padding-right: 70px !important; }
.pd_r80 { padding-right: 80px !important; }
.pd_r90 { padding-right: 90px !important; }
.pd_r100 { padding-right: 100px !important; }
.pd_b0 { padding-bottom: 0 !important; }
.pd_b5 { padding-bottom: 5px !important; }
.pd_b10 { padding-bottom: 10px !important; }
.pd_b20 { padding-bottom: 20px !important; }
.pd_b30 { padding-bottom: 30px !important; }
.pd_b40 { padding-bottom: 40px !important; }
.pd_b50 { padding-bottom: 50px !important; }
.pd_b60 { padding-bottom: 60px !important; }
.pd_b70 { padding-bottom: 70px !important; }
.pd_b80 { padding-bottom: 80px !important; }
.pd_b90 { padding-bottom: 90px !important; }
.pd_b100 { padding-bottom: 100px !important; }


/* width */
.w10 { width: 7%; }
.w15 { width: 13%; }
.w25 { width: 24.5%; }
.w30 { width: 29.99999%; }
.w40 { width: 39.99999%; }
.w50 { width: 45.99999%; }
.w70 { width: 68%; margin:0 auto;}
.w90 { width: 90%; }
.w100 { width: 100%; }

@media screen and (max-width:1030px) {
	
	.mb_hidden { display: none !important; }
	.mb_block {display:block !important; width:100%;}
	.pc_block {display:inline !important;}
	.mb_block480 {display:inline-block !important;}
	.w70 {width:100%;}
}

@media screen and (max-width:990px) {
	.dp_pc { display: none !important; }
	.dp_mb { display: block !important; }
	.tbox{margin:24px 0; padding:35px;}
}
@media screen and (max-width:500px) {
	.mb_sblock, .mb_block480 {display:block !important;}
	
}